// 从 Vite 中导入 defineConfig 方法，用于提供类型提示
import { defineConfig } from 'vite';
// 引入 Vue 插件，支持单文件组件（.vue）语法
import vue from '@vitejs/plugin-vue';

// 导出 Vite 的配置
export default defineConfig({
    // 配置插件列表，这里只用了 vue 插件
    plugins: [vue()],

    // 🚀 设置打包基础路径，建议固定为根目录
    base: '/',

    // 🔧 配置开发服务器行为
    server: {
        host: '0.0.0.0', // 允许从局域网 IP 访问本地开发服务器（默认只监听 localhost）
        port: 5173, // 设置开发服务器的端口号（你也可以改成 3000 或别的）
        strictPort: true, // 如果端口被占用则直接报错，而不是自动换端口（更可控）
        proxy: {
            // 本地开发时把 /api 的请求转发到 Flask 后端
            '/api': {
                target: 'http://127.0.0.1:5000', // 开发时代理到本地 Flask
                changeOrigin: true
            }
        }
    },

    // 🔨 构建配置
    build: {
        outDir: 'dist', // 打包输出目录为 dist 文件夹
        emptyOutDir: true, // 每次打包前清空 dist 目录，避免旧文件残留
        target: ['esnext'] // 支持顶层 await
    }
});
